$--color-primary: #409EFF;

/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "../../../node_modules/element-ui/packages/theme-chalk/src/index";

// 首页进度条
.el-progress-bar__outer {
  background-color: #28629B;
}

.environmental-0 .el-progress-bar__inner {
  background: linear-gradient(to right, #FB9E34, #FFC181);
}

.environmental-1 .el-progress-bar__inner {
  background: linear-gradient(to right, #3467FF, #5B9BFF);
}

.environmental-2 .el-progress-bar__inner {
  background: linear-gradient(to right, #9D4FFF, #C694FA);
}

.environmental-3 .el-progress-bar__inner {
  background: linear-gradient(to right, #4FA8FF, #5BD6FF);
}

.environmental-4 .el-progress-bar__inner {
  background: linear-gradient(to right, #41FE8A, #69FFAE);
}

.page-community .house-wrapper .el-progress-bar__outer {
  background-color: #4087FF;
}

// 能源设施
.ec-value-info {
  .el-progress-bar__outer {
    background-color: transparent;

  }
  .el-progress-bar__inner {
    border-radius: 10px;

  }
  .environmental-0 .el-progress-bar__inner {
    background: linear-gradient(to right, #0457E3, #0389C3);
  }
  .environmental-1 .el-progress-bar__inner {
    background: linear-gradient(to right, #0457E3, #0389C3);
  }
  .environmental-2 .el-progress-bar__inner {
    background: linear-gradient(to right, #05C1B9, #6DEBD6);
  }
  .environmental-3 .el-progress-bar__inner {
    background: linear-gradient(to right, #05C1B9, #6DEBD6);
  }
}

// 矛盾排解
.dispute-ranking {
  .el-progress-bar__outer {
    background-color: transparent;
    border: 1px solid #2F4B6B;
  }
  .el-progress-bar__inner {
    background: linear-gradient(to right, #3F80D8, #EDAEFF);

  }
}

// 办结率及满意度
.completion-time-rate-satisfaction {
  .el-progress-bar__outer {
    background-color: transparent;
    border: 1px solid #2F4B6B;
  }
  .environmental-0 .el-progress-bar__inner {
    background: linear-gradient(to right, #327EFF, #77FFB8);
  }
  .environmental-1 .el-progress-bar__inner {
    background: linear-gradient(to right, #FE9193, #C171FE);
  }
}

.payState .el-radio__input.is-disabled.is-checked .el-radio__inner {
  border-color: #62BCFF;
  background: transparent;

}

.payState .el-radio__input.is-checked .el-radio__inner {
  background: transparent;
}

.payState .el-radio__inner {
  height: 18px;
  width: 18px;
  background: transparent;
  border-color: #15C3A3;
}

.payState .el-radio__input.is-disabled.is-checked .el-radio__inner:after {
  height: 8px;
  width: 8px;
  background-color: #15C3A3;
}

.payState .el-radio__inner::after {
  height: 8px;
  width: 8px;
  background-color: #15C3A3;
}

// 左边菜单栏 样式修改
.el-menu--popup {
  color: white !important;
  background: rgba(21, 22, 23, 0.8) !important;
  // 没有子目录的
  .el-menu-item {
    color: white !important;
    background: rgba(21, 22, 23, 0.2) !important;
    &:focus, &:hover, &.is-active {
      background-color: rgba(21, 22, 23, 0.2) !important;
      color: #15C3A3 !important;
    }
  }

  .el-submenu__title{
    color: white !important;
    background: transparent !important;
    &:focus, &:hover {
      color: #15C3A3 !important;
    }
    .el-icon-arrow-right {
      color: white !important;
    }
  }
}

#home-nav {
  .el-menu {
    border-right: 0;
    width: 100%;
    border-bottom: 1px solid transparent;
    background-color: transparent !important;
    // 有子目录的
    .el-submenu {
      background: transparent !important;

      .el-menu--inline {
        background: transparent !important;
        .el-menu-item-group {
          background: transparent !important;
          .el-menu-item {
            &:focus, &:hover, &.is-active {
              background-color: transparent !important;
              color: #15C3A3 !important;
            }
          }
        }
      }

      .el-submenu__title { //
        &:focus, &:hover {
          background-color: transparent !important;
          color: #15C3A3 !important;
        }
        .el-icon-arrow-down {
          color: white !important;
        }

        .el-menu-item {
          color: black !important;
          background: transparent !important;
          &:focus, &:hover, &.is-active {
            background-color: transparent !important;
            color: #15C3A3 !important;
          }
        }
      }
    }

    // 没有子目录的
    .el-menu-item {
      &:focus, &:hover, &.is-active {
        background-color: transparent !important;
        color: #15C3A3 !important;
      }
    }

  }

}

// 面包屑样式修改
.girl-detail-menu {
  .el-breadcrumb__item {
    .el-breadcrumb__inner {
      color: #EDAEFF !important;
    }
    .is-link {
      color: white !important;
      &:hover {
        color: #15C3A3 !important;
      }
    }
  }
}

// 修改table样式
.el-table {
  border-radius: 5px;
  .el-table__header-wrapper { // table - 头
    .el-table__header {
      font-size: 14px;
      color: black;
      padding: 0;

      th {
        color: black;
        height: 40px;
        padding: 0;
        line-height: 40px;
        background-color: #F2F2F2;
      }
    }
  }

  .el-table__body-wrapper {
    .el-table__body { // table - body
      th {
        padding: 0;
        height: 35px;
        line-height: 35px;
      }
      td {
        padding: 0;
        height: 35px;
        line-height: 35px;
      }
    }
  }

  .el-table__fixed-right { // table 右边被固定的内容
    .el-table__fixed-header-wrapper {
      font-size: 14px;
      padding: 0;
      color: black;
      th {
        color: black;
        height: 40px;
        padding: 0;
        line-height: 40px;
        background-color: #F2F2F2;
      }
    }

    .el-table__fixed-body-wrapper {
      th {
        padding: 0;
        height: 35px;
        line-height: 35px;
      }
      td {
        padding: 0;
        height: 35px;
        line-height: 35px;
      }
    }
  }
}
